<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	作者：offline
        	时间：2019-02-25
        	描述：先创建一个带div ul  li  input 的网页，
        	
        	
        	
        -->
        <script type="text/javascript">
        	window.onload=function(){
        		//1、在下方的div中添加一个ul标签
        		var newul=document.createElement("ul");
        		
        		//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        		var newli1=document.createElement("li");
        		var newtext1=document.createTextNode("奔驰");
        		newli1.appendChild(newtext1);
        		
        		
        		var newli2=document.createElement("li");
        		var newtext2=document.createTextNode("宝马");
        			newli2.appendChild(newtext2);
        	
        		
        		var newli3=document.createElement("li");
        		var newtext3=document.createTextNode("五菱宏光");
        			newli3.appendChild(newtext3);
        		
        		
        		newul.appendChild(newli1);
        		newul.appendChild(newli2);
        		newul.appendChild(newli3);
        		
        		var olddiv=document.getElementById("div1");
        		olddiv.appendChild(newul);
        		console.log(olddiv);
        		
        		//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
        		var obj=newli1.firstChild;
        		obj.nodeValue="悍马"
        		
        	}
        </script>
	</head>
	<body>
		<div id="div1"></div>

	</body>
</html>
